<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
    <title>未来信息</title>
</head>

<body>
    <class class="container">
        <header>
            <img src="./assets/images/logo.png " alt="" style="width:200px">
            <nav><a href="">首页</a><a href="">产品</a><a href="">服务</a>
                <button class="btn">登录</button>
            </nav>
        </header>
        <main>
            <div class="mainLeft">
                <h1 class="headerline">对未来世界信息的展望</h1>
                <p class="description">
                现今的信息技术水平急速发展，极大的影响了人们生活的方方面面，手机似乎成为了人们的“伴侣”，我们用手机查看地图出行，提醒日常任务，</p>
                <button class="btn">注册</button>
            </div>
            <div class="mainRight">
                <img src="./assets/images/main.png" alt="">
            </div>
        </main>
        <footer>
            <div class="socialMedia">
                <img src="./assets/images/wechat.svg" alt="wechat"/>
                <img src="./assets/images/github.svg" alt="github"/>
                <img src="./assets/images/email.svg" alt="email"/>
                <img src="./assets/images/bilibili.svg" alt="bilibili"/>
            </div>
        </footer>
    </class>
</body>

</html>